<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title>微名片管理</title>
 <style>
.touxiang{ height:12rem; width:8rem; margin:0 auto;} 
.touxiang img{ width:8rem; height:8rem;   margin-top:3rem;}
.touxiang img:hover{ opacity:0.7;} 
.bd input{ height:3rem; background:#FFF;  }
.bd .u_btn_b{ height:3rem;}
.h .ui-btn{ line-height:1.5rem;}
#edui1,#edui60,#edui60_iframeholder,#edui1_iframeholder{ width:100% !important; }
.simditor .simditor-body,.simditor .simditor-wrapper .simditor-placeholder{ padding:10px !important}
  </style> 
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/weixin_dg114/simditor/styles/simditor.css" />
<script type="text/javascript" src="__PUBLIC__/Home/weixin_dg114/simditor/scripts/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Home/weixin_dg114/simditor/scripts/module.js"></script>
<script type="text/javascript" src="__PUBLIC__/Home/weixin_dg114/simditor/scripts/hotkeys.js"></script>
<script type="text/javascript" src="__PUBLIC__/Home/weixin_dg114/simditor/scripts/uploader.js"></script>
<script type="text/javascript" src="__PUBLIC__/Home/weixin_dg114/simditor/scripts/simditor.js"></script>

  
  
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css" />
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
<script src="__PUBLIC__/Admin/js/artDialog/artDialog.js"></script>
<script src="__PUBLIC__/Admin/js/artDialog/plugins/iframeTools.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/js/artDialog/skins/default.css">


 <script>
 function reloads(){
	 alert('提交成功');
	 location.reload();
	 
	 }
 var mydialog = art.dialog;
 
 function closedialog(){
	 mydialog.close();
}
 function showImgBox(curElement,heid,type){ 
if(type==1){ title_='上传logo';}else{title_='上传图片';}
	mydialog.open('{:U('showimgBox')}', {
		
		width:$(window).width(), height: 300,lock:true,title:title_,yesClose:false, ok:function(){
			var d = this.iframe.contentWindow.document;
			
			
		$.post(
		'{:U('Jcrop')}',
		{	type:$(d).find('#type').val(),
			x:$(d).find('#x').val(),
		    y:$(d).find('#y').val(),
			w:$(d).find('#w').val(),
			h:$(d).find('#h').val(),
			src:$(d).find('#img_src').val() 
			},
			function(data){
			if(data == 'OK'){
				$('#'+heid).val($(d).find('#img_src').val());
				curElement.src = $(d).find('#img_src').val();
				closedialog();
			}
		}
		
		); 
		
		
		
		
	
			
		
	}});
}
 </script>
<style>
body{ background:#eeeeee; }
 .i{ width:20px; background:url(__PUBLIC__/Member/weixin_dg114/jiantou.png) no-repeat center;color:#000; 
background-size:40%;} 
.table{ background:#FFF; width:100%;}
table tr td{ padding-left:0.8rem; border-bottom:1px solid #e5e5e5; }
table tr:hover{ background:#f7f7f7;}
.table tr td img{ width:70px; height:70px; border-radius:6px;}
.table tr .td1{ width:70px; height:80px; }
 .table2{ width:100%; background:#FFF;}
.table2 tr td{ height:3rem;}
table tr td a{ width:100%; display:inline-block; text-decoration:none; color:#333 !important; height:3rem; line-height:3rem;
font-weight:normal !important;} 
  </style>
</head>

<body >
<style>
.tf{ width:100%; background:#FFF; height:3rem; margin-bottom:20px;}
#tb{ width:40px; background-size:60% !important;  text-align:center;}
.count{ width:100%; height:3rem; background:#FFF; line-height:3rem;}
.count tr td{ width:50%;}
.count tr td span{ float:right; margin-right:0.8rem; color:#626262;}
 
</style> 
    
    <!-- 名片模板  -->
<div data-role="page" id="pagetwo8" style=" padding:0; ">
  <div data-role="header" style="background:#2f2f2f; color:#FFF; border-width:0">
  <a href="{:U('Member/Vcard/edit')}" data-role="button" data-ajax="false" data-icon="home" data-theme="b" data-transition="flip">返回</a>
   
<h1 style="text-shadow:none">模板中心</h1>
</div>
   <div data-role="content" style="padding:0; background:#e7e7e7;">
   
 
<div style="padding:0em; margin-top:4px;">
    <form action="{:U('update')}" data-ajax="false" method="post" id="mo" style="display:none">
      <fieldset data-role="fieldcontain">
      
       <input name="moban" type="hidden"  id="moban"/>
      </fieldset>
     </form>
     
  <script>
   function xz(moban){
	$("#moban").val(moban);
		$("#mo").submit();
		
		}
  
 $(function(){
	
 	$("#mb{$info['moban']}").children(".dg").show();
	$("#mb{$info['moban']}").children(".b").css({"background":"#000000","opacity":"0.2"});
 	 
	 });
 
 </script>
<style>
.ui-block-a,.ui-block-b{ text-align:center; position:relative; padding:0.3rem;}
.mb img{ vertical-align:middle}
.mb{ background:#f8f8f8;   padding:0.3rem; margin:0px 1px; position:relative;}
.mb span{ font-size:0.9rem; color:#2bb5a6; line-height:1.6em;}
.mb span font{ color:#fd0808}
.b{position:absolute; left:0; width:100%;  height:100%; top:0; }
.b a{ color:#FFF; width:100%; height:100%; display:block;}
.dg{ background:url(__PUBLIC__/Member/weixin_dg114/dg.png) no-repeat center; background-size:60%; position:absolute; width:100%; height:100%; z-index:99999; display:none}
</style>
<div class="ui-grid-a"  >

 <div class="ui-block-a">
 <div class="mb" id="mb1">
 <div class="dg"></div>
 <div  class="b">
    <a href="javascript:xz(1);"  data-ajax="false"></a>
  </div>
 <img src="__PUBLIC__/Member/weixin_dg114/mb/images/moban_09.jpg" width="99%" />
 <span>已有 <font>{$mbs.mb1}</font> 人选用</span>
 </div>
</div>
 
  
  <div class="ui-block-b">
   <div class="mb" id="mb2">
    <div class="dg"></div>
 <div class="b">
    <a href="javascript:xz(2);"  data-ajax="false" ></a>
  </div>
 <img src="__PUBLIC__/Member/weixin_dg114/mb/images/moban_03.jpg" width="99%" />
 <span>已有 <font>{$mbs.mb2}</font> 人选用</span>
 </div>
 </div>
  
   <div class="ui-block-a">
    <div class="mb" id="mb3">
     <div class="dg"></div>
 <div  class="b">
    <a href="javascript:xz(3);"  data-ajax="false"   ></a>
  </div>
 <img src="__PUBLIC__/Member/weixin_dg114/mb/images/moban_10.jpg" width="99%" />
 <span>已有 <font>{$mbs.mb3}</font> 人选用</span>
 </div>
  </div>
 
 
  
 
   <div class="ui-block-b">
    <div class="mb" id="mb4">
     <div class="dg"></div>
 <div  class="b">
    <a href="javascript:xz(4);"  data-ajax="false"   ></a>
  </div>
 <img src="__PUBLIC__/Member/weixin_dg114/mb/images/moban_05.jpg" width="99%" />
 <span>已有 <font>{$mbs.mb4}</font> 人选用</span>
  </div>
  </div>
 
 
 <!--
  <div class="ui-block-b">
   <div class="mb" id="mb1">
    <div class="dg"></div>
 <div   class="b">
    <a href="javascript:xz(1);"  data-ajax="false"   ></a>
  </div>
 <img src="__PUBLIC__/Member/weixin_dg114/mb/1.jpg" width="99%" /></div>
 </div>
 -->
 </div>

 
 
 
 
 <div style="height:50px; clear:both"> </div>
 
 
 
 </div>



  </div>  
  </div>

  <include file="Public:footer" />
 
</div> 
<!-- end名片模板 -->

 
 
 
  
</body>
</html>
